<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>  
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>礼品中心</title>
		
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<link href="css/public.css" rel="stylesheet" type="text/css" />
		<link href="css/column.css" rel="stylesheet" type="text/css" />
		<link href="css/PresentCenter.css" rel="stylesheet" type="text/css" />
		
		<style type="text/css">
			
		</style>

	</head>
	<body class="body">
		<div class="pageContent">
				
			<jsp:include flush="true" page="../include/header.jsp"></jsp:include>
			
			<!-- 页面主内容 -->
			<jsp:include page="sendGiftInc.jsp"></jsp:include>
			<div class="main">
			
				<!-- 页面中间内容 -->
				<div class="mainContent2">
					
					<!-- 同乐吧--礼品中心 -->
					<div class="columnType3">
						<div class="columnType3Title">
							<div class="columnType3TitlePic">
								<img src="theme/skin1/public/columnPic/01.gif"/>
							</div>
							<div class="columnType3TitleText">
								<a href="" class="hotA">同乐吧--礼品中心</a>
							</div>
							<div class="columnType1TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType3Content">
							
							<div class="sendDiv" >
								<!-- 同乐吧--礼品中心 -->
								<div style="margin-left: 22px;margin-top: 15px;">
									欢迎你！<b style="color: #F48019">${user.username }</b> 你有<b style="color: #FFDE6B"> ${user.userData.money } </b>银两可用。<br/><br/>
									<a href="">如果你需要美金，点击这里碰碰运气？.</a><br/><br/>
									当你购买一个礼物给她/他,礼物会显示在他们的页面上。而且他/她会收到有礼物送到的消息。<br/><br/>
									你想把礼物送给谁呢？<br/><br/>
									
									<c:forEach var="num" begin="1" end="7">
										<div class="someOneListDiv" >
											<div class="someOnePicDiv">
												<a href="images/user68&680${num}.GIF"><img class="someOnePic" src="images/user68&680${num}.GIF" style="border: 1px solid #111;"/></a>
											</div>
											<div class="someOneName">
												<a href="">用户${num}</a>
											</div>
										</div>
									</c:forEach>
									
									
									<div style="width: 100%;margin-top: 30px;margin-bottom: 30px;">
										输入你想送礼物的朋友的ID号码： <input type="text" name="toUserno"/>
									</div>
									
									
									<script>
										function setTab(name,cursel,n){
											for(i=1;i<=n;i++){
											var menu=document.getElementById(name+i);
											var con=document.getElementById("con_"+name+"_"+i);
											menu.className=i==cursel?"hover":"";
											con.style.display=i==cursel?"block":"none";
											}
										}
									</script>
									
									<!-- 切换页面 -->
									<div id="Tab2" style="border:1px solid #888;width: 910px;overflow: hidden;margin-bottom: 20px;margin-left: 0px;">
										<div class="Menubox">
											<ul>
												<li id="two1" onclick="setTab('two',1,5)"  class="hover">爱情&&友谊</li>
												<li id="two2" onclick="setTab('two',2,5)" >节日&&生日</li>
												<li id="two3" onclick="setTab('two',3,5)" >恶作剧</li>
												<li id="two4" onclick="setTab('two',4,5)">神秘礼包</li>
												<li id="two5" onclick="setTab('two',5,5)">充值礼包</li>
											</ul>
										</div>
										<!-- 6*5列表 -->
										<div class="Contentbox">
												<div id="con_two_1" >
												</div>
												<div id="con_two_2" style="display:none">
												</div>
												<div id="con_two_3" style="display:none">
												</div>
												<div id="con_two_4" style="display:none">
												</div>
												<div id="con_two_5" style="display:none">
												</div>
											</div>
								
						</div>
						<div class="columnType3End">
						</div>
					</div>
					
					<!-- 一张小纸条 -->
					<div class="columnType3">
						<div class="columnType3Title">
							<div class="columnType3TitlePic">
								<img src="theme/skin1/public/columnPic/06.gif"/>
							</div>
							<div class="columnType3TitleText">
								<a href="">一张小纸条</a>
							</div>
							<div class="columnType1TitleMore">
								<!-- 这里是更多链接，不需要请删除该链接 -->
								<!-- 
									<a href=""><img src="theme/skin1/public/more1.gif" border="0"/></a>
								 -->
							</div>
						</div>
						<div class="columnType3Content">
							
							<div class="infoDiv">
								纸条内容：
								<input name="message" class="infoInput"/> 
								<input type="button" class="button01" value="送出礼物"/>
							</div>							
							
						</div>
						<div class="columnType3End">
						</div>
					</div>
					
					
				</div>
			</div>
			
			<jsp:include flush="true" page="../include/footer.jsp"></jsp:include>
				
		</div>
	</body>
</html>
